<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./vue.js"></script>
</head>
<body>
<div id="root">
{{time|date|slice|currency}}
</div>
</body>
<script>
  new Vue({
      el: '#root',
      data: {
          time : Date.now()
      },
      filters:{
          currency(v,type="$",len=2) {
              return type+v.toFixed(2);
          },
          slice(v){
              return v.slice(0,4);
          },
          date(v){
              const time = new Date(v);
              return time.getFullYear()+"-"+
                  (time.getMonth()+1).toString().padStart(2,0)+"-"+
                  time.getDate().toString().padStart(2,0)+" "+
                  time.getHours().toString().padStart(2,0)+":"+
                  time.getMinutes().toString().padStart(2,0)+":"+
                  time.getSeconds().toString().padStart(2,0);
          }
      }
  })
</script>
</html>